$(function(){
    const layer = layui.layer
    const $image = $('#image')

    const option = {
          // 纵横比
        aspectRatio: 1,
            // 指定预览区域
        preview: '.img-preview'
    }
    $image.cropper(option)

    $('#text-down').on('click',function(){
        $('#file').click()
    })

    $('#file').on('change',function(e){
        const filelist = e.target.files

        if(filelist.length === 0){
            return layer.msg('请选择文件')
        }
        const file = e.target.files[0]
        let imgURL = URL.createObjectURL(file)

        $image
    .cropper('destroy') // 销毁旧的裁剪区域
    .attr('src', imgURL) // 重新设置图片路径
    .cropper(option)
    })

    $('#btn').on('click',function(){
        const dataURL = $image
        .cropper('getCroppedCanvas', {
          // 创建一个 Canvas 画布
          width: 100,
          height: 100
        })
        .toDataURL('image/png')
        $.ajax({
            type : 'POST',
            url : '/my/update/avatar',
            data : {    
                avatar: dataURL
            },
            success(res){
                if(res.status !== 0){
                    return layer.msg('失败')
        
            }
            layer.msg('成功')
            window.parent.getinfouser()
        }
        })
    })

})